<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Striker HTML5 Template">
        <title>Toy Store Html Template</title>
        <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/slick.css">
        <link rel="stylesheet" href="./css/slick-theme.css">
        <link rel="stylesheet" href="./css/ionrangeslider.css">
        <link rel="stylesheet" href="./css/aksVideoPlayer.css">
        <link rel="stylesheet" href="./css/app.css">
    </head>
    <body>
        <div id="preloader" style="display: none;">
            <div class="pyramid-loader">
                <div class="loader"></div>
            </div>
        </div>
        <a href="#main-wrapper" id="backto-top" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <div id="main-wrapper" class="main-wrapper overflow-hidden">
            <header class="large-screens">
                <div class="container-fluid">
                    <nav class="navbar navbar-expand-lg p-0">
                        <div class="collapse navbar-collapse" id="mynavbar">
                            <div class="left-nav">
                                <a href="index.html" class="navbar-brand m-0 p-0">
                                    <img alt src="./media/logo.png">
                                </a>
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Home</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.html">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">Home 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item">
                                        <a href="about.html">About us</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <form action="shop-listing-1.html" class="input-group search-bar">
                                    <input type="text" placeholder="Search..." required>
                                    <button class="search" type="submit">
                                        <i class="far fa-search search-icon"></i>
                                    </button>
                                </form>
                            </div>
                            <div class="right-nav">
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Shop</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="shop-listing-1.html">Shop Grid </a>
                                            </li>
                                            <li>
                                                <a href="shop-listing-2.html">Shop Listing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Pages</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-detail.html">Blog Detail</a>
                                            </li>
                                            <li>
                                                <a href="product-detail.html" class="active">Product Detail</a>
                                            </li>
                                            <li>
                                                <a href="cart.html">Cart</a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">Checkout</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">wishlist</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">Contact</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="navbar-nav m-0">
                                    <li class="menu-item">
                                        <a href="cart.html">
                                            <i class="fal fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="wishlist.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <header class="small-screen">
                <div class="container-fluid">
                    <div class="mobile-menu">
                        <div>
                            <a class="navbar-brand" href="index.html">
                                <img alt src="./media/logo.png">
                            </a>
                        </div>
                        <div class="hamburger-menu">
                            <div class="bar"></div>
                        </div>
                    </div>
                    <nav class="mobile-navar d-xl-none">
                        <ul>
                            <li class="has-children">
                                Home <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="index.html">Home 1</a>
                                    </li>
                                    <li>
                                        <a href="index-2.html">Home 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Pages <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="about.html">About us</a>
                                    </li>
                                    <li>
                                        <a href="blog.html" class="">Blog</a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">Blog Detail</a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html" class="active">Product Detail</a>
                                    </li>
                                    <li>
                                        <a href="cart.html" class="">Cart</a>
                                    </li>
                                    <li>
                                        <a href="checkout.html">Checkout</a>
                                    </li>
                                    <li>
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Shop <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="shop-listing-1.html">Shop Grid</a>
                                    </li>
                                    <li>
                                        <a href="shop-listing-2.html">Shop Listing</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="page-title-banner">
                <div class="container">
                    <div class="left-right-image">
                        <img src="./media/page-title-banner/img-1.png" class="left-img" alt>
                        <img src="./media/page-title-banner/img-2.png" class="right-img" alt>
                    </div>
                    <div class="content">
                        <div class="title">
                            <h2>Product Detail</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <section class="product-detail p-96">
                    <div class="container">
                        <div class="product-card ">
                            <div class="row">
                                <div class="col-xl-7 col-lg-6">
                                    <div class="image-block mb-lg-0 mb-32">
                                        <img src="./media/product/p-26.png" alt="">
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-6">
                                    <div class="content">
                                        <div class="title">
                                            <div class="name-price mb-8">
                                                <h2 class="h-47 bold light-black">Buzz Lightyear</h2>
                                                <h3 class="h-47 bold light-black">– $32</h3>
                                            </div>
                                            <p class="light-black">
                                                Join the adventure with Buzz Lightyear,the iconic space <br>
                                                ranger from the beloved Toy Story franchise. With his <br>
                                                sleek design,advanced features,and boundless bravery,<br>Buzz Lightyear is ready to take kids to infinity and beyond!
                                            </p>
                                        </div>
                                        <div class="tag">
                                            <div class="category mb-16">
                                                <h5 class="h-27 light-black">Category:</h5>
                                                <h6 class="light-black">Toy Sets</h6>
                                            </div>
                                            <div class="category">
                                                <h5 class="h-27 light-black">SKU:</h5>
                                                <h6 class="light-black">12 323 43</h6>
                                            </div>
                                        </div>
                                        <div class="quantity quantity-wrap">
                                            <input class="decrement" type="button" value="-">
                                            <input type="text" name="quantity" value="2" maxlength="2" size="1" class="number">
                                            <input class="increment" type="button" value="+">
                                        </div>
                                        <div class="btn-block">
                                            <a href="cart.html" class="cus-btn primary">Add to Cart</a>
                                            <a href="shop-listing-1.html" class="cus-btn light st-2">Purchase Now</a>
                                        </div>
                                        <div class="social-link">
                                            <h4 class="h-27 light-black">Share this product:</h4>
                                            <ul class="unstyled social-icons">
                                                <li>
                                                    <a href="product-detail.html">
                                                        <i class="fab fa-facebook-f"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="product-detail.html">
                                                        <i class="fab fa-twitter"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="product-detail.html">
                                                        <i class="fab fa-snapchat-ghost"></i>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="product-detail.html">
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="heading">
                            <h2 class="text-start">Product Detail</h2>
                        </div>
                        <div class="detail">
                            <p class="light-black mb-24">Join Buzz Lightyear on an out-of-this-world adventure!This Buzz Lightyear action figure brings the beloved character to life with incredible detail and interactive features. Kids can imagine themselves as space rangers,exploring distant planets and battling evil forces alongside Buzz. With his voice command,laser action,and posable joints,Buzz Lightyear provides endless fun and imaginative play for Toy Story fans of all ages. </p>
                            <h4 class="light-black h-27 bold mb-24">Key Features:</h4>
                            <p class="light-black mb-24">
                                <b>Space Ranger Gear:</b>
                                Buzz Lightyear comes equipped with his signature space ranger suit,complete with a helmet,jetpack,and wrist communicator. Kids can imagine themselves soaring through space and defending the galaxy from evil.
                            </p>
                            <p class="light-black mb-24">
                                <b>Interactive Voice Command:</b>
                                Activate Buzz Lightyear's voice command feature by pressing the button on his chest. He responds with a variety of phrases and sound effects, bringing the character to life and adding to the immersive play experience.

                            </p>
                            <p class="light-black mb-24">
                                <b>Light-up Laser Action:</b>
                                Press the button on Buzz's arm to activate his light-up laser and sound effects. Kids can aim,shoot,and take on any intergalactic threats that come their way.
                            </p>
                            <p class="light-black mb-24">
                                <b>Poseable Joints:</b>
                                Buzz Lightyear is fully poseable,allowing for dynamic and action-packed play. With his articulated limbs,kids can create their own exciting poses and reenact their favorite scenes from the movies.
                            </p>
                            <p class="light-black">
                                <b>Authentic Movie Detailing:</b>
                                From his vibrant colors to the intricate details on his suit,Buzz Lightyear captures the essence of the character from the Toy Story films. It's like having your very own Buzz Lightyear right at home!

                            </p>
                        </div>
                        <div class="reviews ">
                            <div class="heading">
                                <h2 class="text-start">Reviews (36)</h2>
                            </div>
                            <div class="row">
                                <div class="col-xl-7">
                                    <div class="reviews-block mb-xl-0 mb-32">
                                        <div class="author-stars mb-8">
                                            <div class="author">
                                                <img src="./media/author/img-4.png" alt="">
                                                <h5 class="h-21 light-black sec">Sarah Roberts</h5>
                                            </div>
                                            <div class="stars">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </div>
                                        </div>
                                        <p class="light-black mb-32">My son absolutely loves his Buzz Lightyear toy! The interactive voice command feature and light-up laser action make it so much fun for him to play with.</p>
                                        <div class="author-stars mb-8">
                                            <div class="author">
                                                <img src="./media/author/img-5.png" alt="">
                                                <h5 class="h-21 light-black sec">Mark Larson</h5>
                                            </div>
                                            <div class="stars">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </div>
                                        </div>
                                        <p class="light-black mb-32">As a longtime fan of Toy Story, I couldn't resist getting the Buzz Lightyear toy for myself. It's a fantastic collectible with great articulation and accurate movie detailing.</p>
                                        <div class="author-stars mb-8">
                                            <div class="author">
                                                <img src="./media/author/img-6.png" alt="">
                                                <h5 class="h-21 light-black sec">Michael Thompson</h5>
                                            </div>
                                            <div class="stars">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </div>
                                        </div>
                                        <p class="light-black mb-53">Buzz Lightyear has become my son's new favorite toy. He loves how Buzz talks and responds to his commands.</p>
                                        <div id="more" style="display: none;">
                                            <div class="author-stars mb-8">
                                                <div class="author">
                                                    <img src="./media/author/img-6.png" alt="">
                                                    <h5 class="h-21 light-black sec">Michael Thompson</h5>
                                                </div>
                                                <div class="stars">
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                    <i class="fas fa-star"></i>
                                                </div>
                                            </div>
                                            <p class="light-black mb-53">Buzz Lightyear has become my son's new favorite toy. He loves how Buzz talks and responds to his commands.</p>
                                        </div>
                                        <button class="more">
                                            Load More Reviews <i class="far fa-chevron-down"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="col-xl-5">
                                    <h3 class="h-47 bold color-white mb-32">Add a Review</h3>
                                    <form action="./product-detail.html">
                                        <input type="text" id="name" placeholder="Name" class="form-control mb-32" required>
                                        <input type="email" id="email" placeholder="Email" class="form-control mb-32" required>
                                        <textarea name="review" class="form-control mb-32" placeholder="Your Review"></textarea>
                                        <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <footer class="bg-light-blue">
                <div class="container">
                    <div class="footer-main mb-64">
                        <div class="footer-info">
                            <div class="footer-about">
                                <div class="logo mb-16">
                                    <a href="blog.html">
                                        <img src="./media/logo.png" alt>
                                    </a>
                                </div>
                                <p class="color-white mb-32">
                                    Welcome to our
world of imagination <br>
                                    and play! At Sarah's Toy Emporium,we <br>
                                    believe in creating magical experiences <br>for children and igniting their joy.
                                </p>
                                <div class="contact">
                                    <ul class="contact-list unstyled">
                                        <li class="mb-32">
                                            <a href="">
                                                <i class="fal fa-phone-alt"></i>
                                                <span>+1 233 898 0897</span>
                                            </a>
                                        </li>
                                        <li class>
                                            <a href="mailto:info@example.com">
                                                <i class="fal fa-envelope"></i>
                                                <span>email@example.com</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="newsletter">
                                <h3 class="mb-24">Subscribe to our Newsletter</h3>
                                <form action="./product-detail.html" class>
                                    <input type="email" id="email" placeholder="Email" class="form-control mb-16" required>
                                    <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                </form>
                                <ul class="unstyled social-icons">
                                    <li>
                                        <a href="product-detail.html">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">
                                            <i class="fab fa-snapchat-ghost"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu">
                                <h3 class="color-white mb-8">Important Links</h3>
                                <ul class="link unstyled">
                                    <li class>
                                        <a href="index.html">– Home</a>
                                    </li>
                                    <li class>
                                        <a href="cart.html">– Cart</a>
                                    </li>
                                    <li class>
                                        <a href="shop-listing-1.html">– Shop</a>
                                    </li>
                                    <li class>
                                        <a href="checkout.html">– Checkout</a>
                                    </li>
                                    <li class>
                                        <a href="about.html">– About</a>
                                    </li>
                                    <li class>
                                        <a href="product-detail.html">– Product Detail</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p class="color-white text-center">
                        ©2023 Cricket Pulse All Rights By <a href="http://www.bootstrapmb.com">bootstrapMB</a>
                        .
                    </p>
                </div>
            </footer>
        </div>
    </body>
</html>
